<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="style/tab.css">
<script type="text/javascript">
  $(document).ready(function() {
  		$('.tabcontent').hide();
		$('div.active').show();
		$('a.tab').click(function(){
		
			$('.tabcontent').hide();
			$('.active').removeClass('active');
			$(this).addClass('active');
			var varshow=$(this).attr("title");
			$("."+varshow).show();
		});
	  });
</script>
</head>
<div>
	<div id="tabs_table">
		<ul class="tabs">
			<li><a href="#" class="tab active" title="tabchitiet" >Thông tin chi tiết</a></li>
			<li><a href="#" class="tab" title="tabsanpham" >sản phẩm cùng loại</a></li>
			<li><a href="#" class="tab" title="tabcomment" >ý kiến về sản phẩm</a></li>
		</ul>
		<div class="tabchitiet tabcontent active">
			<ul>
				<li><a href="#">HTML Techniques <small>24 Posts</small></a></li>
				<li><a href="#">CSS Styling <small>32 Posts</small></a></li>
				<li><a href="#">Blogspot Tutorials <small>112 Posts</small></a></li>
				<li><a href="#">Web Design <small>19 Posts</small></a></li>
			</ul>
		</div>
		<div class="tabsanpham tabcontent">
			<p>Nhiều chuyên gia cho rằng, "chặn" lãi suất đầu vào chỉ là "mồi" để tiến tới mục đích cuối cùng là giảm lãi suất cho vay. Nhưng nếu Thanh tra Ngân hàng Nhà nước chỉ giám sát việc tuân thủ quy định mang tính hình thức xử lý không nghiêm thì câu chuyện giảm lãi suất cho vay sẽ trở nên xa vời...</p>
		</div>
		<div class="tabcomment tabcontent">
			<ul>
				<li><a href="#">HTML Techniques <small>24 Posts</small></a></li>
				<li><a href="#">CSS Styling <small>32 Posts</small></a></li>
				<li><a href="#">Blogspot Tutorials <small>112 Posts</small></a></li>
				<li><a href="#">Web Design <small>19 Posts</small></a></li>
			</ul>
		</div>
	</div>
</div>
<body>
</body>
</html>
